require(["config"],function () {
    require(["jquery"],function () {
        $(function () {
            $(".top").load("shareHeader.html");
            $(".foot").load("shareFooter.html");
            //tab切换
            $(".gi_head>ul>li").on("click",function () {
                $(".gi_content>div").eq($(this).index()).addClass("current").siblings().removeClass("current")
            })

            //放大镜
            var $bigImg=$(".bigImage");
            var $bigArea=$(".bigArea");
            var $smallImg=$(".smallImage");
            var $smallAreaWidth=($bigArea.width()/$bigImg.width())*$smallImg.width();
            var scale=$bigImg.width()/$bigArea.width();
            $(".smallArea").css({width:$smallAreaWidth,height:$smallAreaWidth});
            $(".smallImage").on("mouseenter",function (evt) {
                $(".smallArea").show();
                $(".bigArea").show();
                $(".smallImage").on("mousemove",function (evt) {
                    var moveX=evt.pageX-$(this).offset().left-$(".smallArea").width()/2;
                    var moveY=evt.pageY-$(this).offset().top-$(".smallArea").width()/2;

                    if(moveX<=0){
                        moveX=0;
                    }
                    if(moveX>=$smallImg.width()-$smallAreaWidth){
                        moveX=$smallImg.width()-$smallAreaWidth;
                    }
                    if(moveY<=0){
                        moveY=0;
                    }
                    if(moveY>=$smallImg.width()-$smallAreaWidth){
                        moveY=$smallImg.width()-$smallAreaWidth;
                    }
                    var bigMoveX=-moveX*scale;
                    var bigMoveY=-moveY*scale;
                    $(".smallArea").css({left:moveX,top:moveY});
                    $(".bigImage").css({left:bigMoveX,top:bigMoveY})
                })
            }).on("mouseleave",function () {
                $(".smallArea").hide();
                $(".bigArea").hide();
                $(document).off("mousemove","mouseleave");

            })

            //点击换图
            $(".imageLists>ol>li>img").on("click",function () {
                $(".smallImage>.smallImage_box>img")[0].src=this.src;
                $(".bigImage>img")[0].src=this.src;
            })

            //ajax换图

        })
    })
})